<template>
  <!-- tab切换组件 -->
  <div class="nav">
    <ul class="list">
      <router-link tag="li" to="/commoDity">商品</router-link>
      <router-link tag="li" to="/merchant">评价</router-link>
      <router-link tag="li" to="/evaluate">商家</router-link>
    </ul>
    <keep-alive>
    <router-view :seller="seller"></router-view>
    </keep-alive>
  </div>
</template>

<script>
export default {
  props: {
    seller: Object
  }
};
</script>

<style lang = "scss">
.nav {
    border-bottom: 1px solid rgba(7, 17, 27,.1);
  .list {
    width: 100%;
    display: flex;
    li {
      flex: 1;
      line-height: 40px;
      text-align: center;
    }
  }
}
.active {
  color: red;
}
</style>
